@charset "utf-8";
@function r($px){
    @return $px/100+rem;
}
html,body{
    width: 100%;
    height: 100%;
}
.mobile{
    header{
        width: 100%;
//      height: 0.89rem;
        height: r(89);
        background: #b20000;
        overflow: hidden;
        .login{
            margin-top: r(32);
            margin-left: r(23);
            float: left;
            li{
                width: r(30);
                height: r(4);
                line-height: r(4);
                background: #fff;
                color: #fff;
                margin-top: r(6);
                position: relative;
                &::before{
                    position: absolute;
                    top: 0;
                    left: r(-5);
                    display: inline-block;
                    content: "";
                    width: r(4);
                    height: r(4);
                    background: #fff;
                }
            }
        }
        .logo{
            float: left;
            width: r(264);
            height: r(39);
            font-size: 0;
            overflow: hidden;
            margin-top: r(25);
            margin-left: r(134);
            img{
                width: 100%;
            }
        }
        .search{
            float: right;
            width: r(43);
            height: r(43);
            overflow: hidden;
            margin-right: r(17);
            margin-top: r(25);
            font-size: 0;
            img{
                width: 100%;
            }
        }
    }
    section{
            .swiper-container{
                width: 100%;
                overflow: hidden;
                position: relative;
                .swiper-wrapper{
                    .swiper-slide{
                            width: r(160);
                            float: left;
                            position:relative ;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
            .more{
                margin-bottom: r(150);
                border-top: r(1) solid #c5c5c5;
                margin-top: r(33);
               margin-left: r(25);
                width: r(583);
                p{
                    text-align: center;
                    font-size:r(22);
                    color: #bbbbbb;
                    margin-top: r(19);
                }
            }
    }
footer{
    position: fixed;
    clear: both;
    bottom: 0;
    width: 100%;
    padding: 0 r(16);
    background: #f5f5f5;
    height: r(130);
    .Menu{
        font-size: 0px;
        li{
            float: left;
           width: 19.5%;
           text-align: center;
           .jjjj{
               width: r(60);
               height: r(50);
           }
           img{
               width: r(70);
               height: r(56);
           }
            a{
                text-align: center;
              p{
                font-size: r(17);
                color: #9b9b9b;
                margin-top: r(10);
            }
           .red{
               color: #b60005;
           }
         }
         
     }
    li:nth-child(1){
        margin-top: r(15);
    }
    li:nth-child(2){
        margin-top: r(18);
    }
    li:nth-child(3){
        margin-top: r(16);
    }
    li:nth-child(4){
        margin-top: r(14);
    }
    li:nth-child(5){
        margin-top: r(15);
    }
    }
}
}
    
